//弹出登录注册框
function show_login() {
    $(".box-y").css({transform:'scale(1)'})
}
$(".del").click(function () {
    $(".box-y").css({transform:'scale(0)'})
})
$(".cos").click(function () {
    $(".cos").removeClass("cos-y")
    $(this).addClass('cos-y')
    if($(this).html()=='登录'){
        $(".login").eq(1).removeClass("con")
        $(".login").eq(0).addClass('con')
    }else{
        $(".login").eq(1).addClass("con")
        $(".login").eq(0).removeClass('con')
    }
})

//显示购物车信息
function showListAll() {
    if($(".name").html()==="登录/注册"){
        $(".move").html(0);
    }else{
        var timer=setInterval(function () {
            $(".load").css({transform:'rotate(10000deg)'})
        },16.7)

        $.ajax({
            url:"shopList",
            type:"get",
            dataType:"JSON",
            data:{
                name:$(".name").html(),
            },
            success:function (data) {
                // console.log(data);
                clearInterval(timer)
                var shuju="";
                //商品数量
                var arr=[];

                $.each(data,function (i,item) {
                    arr.push(data[i])
                    shuju +="<div class='shops'>"
                        +"<div class='s1'><input type='checkbox' name='box' onclick='selectAll("+i+")'></div>"
                        +"<div class='s2'><img src="+item[0]+" alt=''></div>"
                        +"<div class='s3'>"+item[2]+"</div>"
                        +"<div class='s4'>"+item[3]+"</div>"
                        +"<div class='s5'><span class='cl down'>&#9660;</span><span class='font num' onselectstart='return false;'>"+item[1]+"</span><span class='cl up'>&#9650;</span></div>"
                        +"<div class='s6'><span class='place'>"+item[5]+"</span><span>元/件</span></div>"
                        +"<div class='s7'>"
                        +"<p class='deleteshop'><a href='javascript:void(0);'>删除</a></p>"
                        +"<p class='moveshop'><a href='javascript:void(0);'>移入收藏夹</a></p>"
                        +"</div>"
                        + "</div>"
                })
                $(".shopNumall").html(arr.length);
                $("#shopList").html(shuju);

                //删除购物车
                deleteshop(arr)

                //移入收藏夹
                moveto(arr)
            },
            error:function () {
                console.log("请求失败")
            }
        })
    }
}

//显示购物车数量
function shopNum(){
    if($(".name").html()==="登录/注册"){
        $(".move").html(0);
    }else{
        $.ajax({
            url:"gouwuNumber",
            type:"get",
            dataType:"JSON",
            data:{
                name:$(".name").html()
            },
            success:function (num) {
                // console.log(num)
                // noinspection JSAnnotator
                $(".move").html(num);
            }
        })
    }

}

//页面初始化
$(document).ready(function () {
    //显示购物车数量
    shopNum();
    showListAll();

})

//全选
function checkAll(obj) {
    //获取name=box的复选框
    var userids = document.getElementsByName("box");
    var sumPlace=0.00;
    if(obj.checked){
        $(".shops").css({background:'wheat'})

        for(var i=0;i<$(".place").length;i++){

            sumPlace +=parseInt($(".place").eq(i).html()*$(".num").eq(i).html());
        }
        $(".sum").html(sumPlace);
    }else{
        $(".shops").css({background:'whitesmoke'})
        $(".sum").html(0);
    }
    var userids = document.getElementsByName("box");
    for (var i = 0; i < userids.length; i++) {
        userids[i].index=i;
        userids[i].checked = obj.checked;
        listen(i,userids[i].checked)
    }
}
function selectAll(num) {
    //获取name=box的复选框
    var userids = document.getElementsByName("box");
    var count = 0;

    listen(num,userids[num].checked)

    //遍历所有的复选框
    for (var i = 0; i < userids.length; i++) {
        if (userids[i].checked) {
            count++;
        }
    }
    //选中复选框的个数==获取复选框的个数
    if (count == userids.length) {
        //设置id为all复选框选中
        document.getElementById("all").checked = true;
    } else {
        //设置id为all复选框不选中
        document.getElementById("all").checked = false;
    }
}

//监听每个复选框状态
function listen(num, flag) {

    if(flag){
        //已选商品数量
        $(".xuan").html(parseInt($(".xuan").html())+parseInt($(".num").eq(num).html()))

        $(".sum").html(parseInt($(".sum").html())+parseInt($(".place").eq(num).html()*$(".num").eq(num).html()))

        $(".shops").eq(num).css({background:'wheat'})
        $(".down").eq(num).css({color:'seagreen'})
        $(".up").eq(num).css({color:'seagreen'})

        $(".down").eq(num).click(function () {

            if(parseInt(($(".num").eq(num).html()))<=1){
                $(".num").eq(num).html(parseInt($(".num").eq(num).html())+1);
                $(".xuan").html(parseInt($(".xuan").html())+1)
                $(".down").eq(num).css({color:'gainsboro'})
                $(".sum").html(parseInt($(".sum").html())+parseInt($(".place").eq(num).html()))
            }
            $(".num").eq(num).html(parseInt($(".num").eq(num).html())-1)
            $(".xuan").html(parseInt($(".xuan").html())-1)

            //执行了两次
            // console.log("s1:"+parseInt($(".sum").html()))
            // console.log("s2:"+parseInt($(".place").eq(num).html()))

            $(".sum").html(parseInt($(".sum").html())-parseInt($(".place").eq(num).html()))
        })

        $(".up").eq(num).click(function () {
            if(parseInt(($(".num").eq(num).html()))>=1&&parseInt(($(".num").eq(num).html()))<=1){
                $(".down").eq(num).css({color:'seagreen'})
            }
            $(".xuan").html(parseInt($(".xuan").html())+1)
            $(".sum").html(parseInt($(".sum").html())+parseInt($(".place").eq(num).html()))
            $(".num").eq(num).html(parseInt($(".num").eq(num).html())+1);
        })
    }else{
        //已选商品数量

        $(".xuan").html(parseInt($(".xuan").html())-parseInt($(".num").eq(num).html()))

        $(".sum").html(parseInt($(".sum").html())-parseInt($(".place").eq(num).html())*$(".num").eq(num).html())

        $(".down").css({color:'gainsboro'})
        $(".up").css({color:'gainsboro'})
        $(".shops").eq(num).css({background:'whitesmoke'})
    }
}

//退出登录
$(".close-login").mouseover(function () {
    $(".close-login").css({height:175+'px'})
}).mouseleave(function () {
    $(".close-login").css({height:40+'px'})
})

//返回顶部
$(function () {
    $('#goToTop a').click(function () {
        $('html , body').animate({scrollTop: 0}, 'slow');
    });
});

//删除购物车
function deleteshop(arr) {
    // console.log(arr)
    //部分删除
    for(var i=0;i<$(".deleteshop").length;i++){
        $(".deleteshop")[i].index=i;
        $(".deleteshop").eq(i).click(function () {
            var flag=confirm("确定删除吗？")
            if(flag){
                $.ajax({
                    url:"deleteshop",
                    type:"get",
                    data:{
                        picture:arr[this.index][0],
                        username:$(".name").html()
                    },
                    dataType:"JSON",
                    success:function (data) {
                        // console.log(data)
                        if(data){
                            alert("删除成功")
                            window.location.reload();
                        }
                    },
                    error:function () {
                        // alert("失败")
                        console.log("删除失败")
                    }
                })
            }else{
                return;
            }
        })
    }

    //全部删除
    $(".deleteAll").click(function () {
        var flag=confirm("确定删除吗？")
        if(flag){
            $.ajax({
                url:"deleteshopall",
                type:"get",
                data:{
                    username:$(".name").html()
                },
                dataType:"JSON",
                success:function (data) {
                    // console.log(data)
                    if(data){
                        alert("全部删除成功")
                        window.location.reload();
                    }
                },
                error:function () {
                    // alert("失败")
                    console.log("删除失败")
                }
            })
        }else{
            return;
        }
    })
}

//移入收藏夹
function moveto(arr) {
    // console.log(arr)
    for(var i=0;i<$(".moveshop").length;i++){
        $(".moveshop")[i].index=i;
        $(".moveshop").eq(i).click(function () {
            $.ajax({
                url:"moveshop",
                type:"get",
                data:{
                    name:arr[this.index][2],
                    picture:arr[this.index][0],
                    place:arr[this.index][5],
                    username:$(".name").html()
                },
                dataType:"JSON",
                success:function (data) {
                    // console.log(data)
                    if(data){
                        alert("成功")
                    }else{
                        alert("收藏夹已有该商品")
                    }
                },
                error:function () {
                    alert("失败")
                }
            })
        })
    }
}

//删除收藏夹
function delfavorites(delfavorites){
    for(var i=0;i<$(".del-favorites").length;i++){
        $(".del-favorites")[i].index=i;
        $(".del-favorites").eq(i).click(function () {
            var config=confirm("确定删除收藏商品吗？");
            if(config){
                $.ajax({
                    url:"delfavorites",
                    dataType:"JSON",
                    type:"get",
                    data:{
                        picture:delfavorites[this.index][2],
                    },
                    success:function (data) {
                        if(data){
                            alert("删除成功")
                            window.location.reload();
                        }
                    },
                    error:function () {
                        console.log("删除失败")
                    }
                })
            }
        })
    }
}

//显示收藏夹
$(".all1").click(function () {
    $(".mia1").css({display:'block',})
    $(".mia2").css({display:'none'})
    $(".all1").css({color:'firebrick'})
    $(".all2").css({color:'lightyellow'})
    showListAll();
})
$(".all2").click(function () {
    $(".mia2").css({display:'block',color:'firebrick'})
    $(".mia1").css({display:'none',color:'lightyellow'})
    $(".all2").css({color:'firebrick'})
    $(".all1").css({color:'lightyellow'})

    if($(".name").html()==="登录/注册"){
        $(".move").html(0);
    }else{
        $.ajax({
            url:"showmyfavorites",
            type:"get",
            data:{
                username:$(".name").html()
            },
            dataType:"JSON",
            success:function (data) {
                    var showmyfavorites="";
                    var myfavorites=[];
                    $.each(data,function (i, item) {
                        myfavorites.push(data[i])
                        showmyfavorites +="<div class='asd'>" +
                            "<a href='javascript:void(0)'><img src='"+item[2]+"' alt=''></a>"+
                            " <div class='mt-10'>" +
                            "<p><span style='color: saddlebrown'>"+item[0]+"</span></p>"+
                            "<p style='margin-top: 5px;'><span style='color: red;'>"+item[1]+"</span><span>元/件</span><span class='del-favorites' title='删除收藏夹'>&#9988;</span></p>"+
                            " </div>"+
                            "</div>"
                    })
                    $("#myfavorites").html(showmyfavorites);
                    delfavorites(myfavorites);
            },
            error:function () {
                // alert("显示失败")
                console.log("加载失败")
            }
        })
    }
})

//修改密码
$(".change").click(function () {
    $(".changepassword").css({
        transform:'scale(1)'
    })
})
$(".closechange").click(function () {
    $(".changepassword").css({
        transform:'scale(0)'
    })
})


